<template>
	<div>
	<Swiper>
		<SwiperItem v-for="(item,index) in banners" :key="index">
			<a :href="item.link"><img :src="item.image"></a>
		</SwiperItem>
	</Swiper>
	</div>
</template>

<script>
	import {Swiper,SwiperItem} from "../../components/common/swiper/index.js"
	
	export default {
		name:"HomeSwiper",
		props:{
			banners:{
				type:Array,
				default(){
					return []
				}
			}
		},
		components:{
			Swiper,
			SwiperItem
		}
	}
</script>

<style>
</style>
